<!--
 * @Author: your name
 * @Date: 2021-08-22 14:40:45
 * @LastEditTime: 2021-08-22 15:03:59
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /web-blog/src/components/aplayer/aplayer.vue
-->
<template>
  <aplayer :audio="audio" :lrcType="3" fixed :music="audio[0]" :list="audio"  :showlrc="true"/>
</template>

<script>
import Vue from 'vue';
import APlayer from '@moefe/vue-aplayer';

Vue.use(APlayer);


export default {
  data() {
    return {
      audio: [
        {
          name: '天空之城',
          artist: '黄叶',
          url: 'https://edu-guil-1010.oss-cn-beijing.aliyuncs.com/%E5%A4%A9%E7%A9%BA%E4%B9%8B%E5%9F%8E.m4a',
          cover: 'https://edu-guil-1010.oss-cn-beijing.aliyuncs.com/QQ%E5%9B%BE%E7%89%8720200713203148.jpg', // prettier-ignore
          lrc: '[00:00.00] (,,•́ . •̀,,) 抱歉，当前歌曲暂无歌词',
        },
      ],
    };
  },
};
</script>